<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>蓝源Eloan-P2P平台(系统管理平台)</title>
<#include "../common/header.ftl"/>
<script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js" ></script>

<script type="text/javascript">

	$(function(){
        $('#pagination').twbsPagination({
            visiblePages: 5,
            startPage:${pageInfo.pageNum},
            totalPages:${pageInfo.pages} || 1,
            onPageClick: function (event, page) {
				$("#pageNum").val(page);
				$("#searchForm").submit();
        	},
            first:"首页" ,
            prev:"上页" ,
            next:"下页" ,
            last:"尾页"
        });

        $(".beginDate").click(function(){
            WdatePicker({
                maxDate:'%y-%M-%d'
            });
        });

        $(".endDate").click(function () {
            WdatePicker({
                minDate: $(".beginDate").val(),
                maxDate:'%y-%M-%d'
            });
        });
	});
</script>
</head>
<body>
	<div class="container">
		<#include "../common/top.ftl"/>
		<div class="row">
			<div class="col-sm-3">
				<#include "../common/menu.ftl" />
			</div>
			<div class="col-sm-9">
				<div class="page-header">
					<h3>登录日志查询</h3>
				</div>
				<form id="searchForm" class="form-inline" method="post" action="/ipLog">
					<input type="hidden" id="pageNum" name="pageNum" value="${qo.pageNum!'1'}"/>
					<div class="form-group">
					    <label>状态</label>
					     <select class="form-control" name="state" id="state">
					    	<option value="-1">全部</option>
					    	<option value="0">登录失败</option>
					    	<option value="1">登录成功</option>
					    </select>
					</div>

					<div class="form-group">
					    <label>登陆时间</label>
					    <input class="form-control beginDate" type="text" name="beginDate" value='${(qo.beginDate?string("yyyy-MM-dd"))!""}'/>到
					    <input class="form-control endDate" type="text"  name="endDate" value='${(qo.endDate?string("yyyy-MM-dd"))!""}'/>
					</div>
					<div class="form-group">
					    <label>用户类型</label>
					     <select class="form-control" name="userType" id="userType">
					    	<option value="-1">全部</option>
					    	<option value="0">前台用户</option>
                            <option value="1">后台管理员</option>
						 </select>
					</div>
					<div class="form-group">
						<label>用户名</label>
						<input class="form-control" type="text" name="username" value='${(qo.username)!""}'/>
					</div>
					<div class="form-group">
						<button id="query" type="submit" class="btn btn-success"><i class="icon-search"></i> 查询</button>
					</div>

                    <script type="text/javascript">
                        $("#state").find("option[value='${(qo.state)!"-1"}']").attr("selected" , true);
                        $("#userType").find("option[value='${(qo.userType)!"-1"}']").attr("selected" , true);
                    </script>
				</form>
				<div class="panel panel-default">
					<table class="table">
						<thead>
							<tr>
								<th>用户</th>
								<th>登录时间</th>
								<th>登录ip</th>
								<th>登录状态</th>
								<th>用户类型</th>
							</tr>
						</thead>
						<tbody id="tbody">
							<#list pageInfo.list as item>
								<tr>
									<td>${item.username}</td>
									<td>${item.loginTime?string("yyyy-MM-dd HH:mm:ss")}</td>
									<td>${item.ip}</td>
									<td>
										<#if item.stateDisPlay == "登录失败">
										    <span style="color: red">${item.stateDisPlay}</span>
										<#else>
											<span style="color: green">${item.stateDisPlay}</span>
										</#if>
									</td>
									<td>
										<#if item.userTypeDisplay == "管理员">
                                            <span style="color: gold">${item.userTypeDisplay}</span>
										<#else>
											<span>${item.userTypeDisplay}</span>
										</#if>
									</td>
								</tr>
							</#list>
						</tbody>
					</table>
					<div style="text-align: center;">
                        <ul id="pagination" class="pagination-sm"></ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>